﻿<section id="login">
    <div class="container">
        <div class="page-header">
            <h1 data-i18n="[html]cms:loginForm.header"></h1>
        </div>
        <div class="row">
            <div class="col-lg-24">
                <form class="form-horizontal">
                    <div class="page-header">
                        <h4 data-i18n="cms:loginForm.formHeader"></h4>
                    </div>
                    <div class="row">
	                    <label class="control-label col-lg-16" for="username" data-i18n="cms:loginForm.username"></label>
	                    <div class="col-lg-32">
	                        <input id="username" class="form-control" type="text" data-bind="username: { value: user.username }">
	                    </div>
	                </div>
                    <div class="row">
	                    <label class="control-label col-lg-16" for="password" data-i18n="cms:loginForm.password"></label>
	                    <div class="col-lg-32">
	                        <input id="password" class="form-control" type="password" data-bind="password: { value: user.password }">
	                    </div>
	                </div>

                    <div class="row">
	                    <div class="checkbox col-lg-offset-16">
	                        <label>
	                            <input type="checkbox" data-bind="checked: rememberMe"><span data-i18n="cms:loginForm.rememberMe"></span>
	                        </label>
	                    </div>
	                </div>
	                
	                <div class="row">
	                    <div class="col-lg-offset-16">
	                        <button type="submit" class="btn btn-primary" data-bind="click: login" data-i18n="cms:loginForm.signIn"></button>
	                        <button type="reset" class="btn btn-default" data-i18n="cms:loginForm.reset"></button>
	                    </div>
	                </div>
                </form>                      
            </div>
        </div>
    </div>
</section>